<!--js综合-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>课程列表</title>
    <script src="./js/axios.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.css"/>
    <style>
        * {
            outline: none;
        }

        h1 {
            text-align: center;
        }
    </style>
</head>

<body>
<h1>课程列表</h1>

<div id="list"></div>

<div class="container">
    <div class="row">
        <div class="col-6">
            <nav aria-label="Page navigation">
                <ul class="pagination">
                    <li id="prev" class="page-item disabled">
                        <a class="page-link">上一页</a>
                    </li>
                    <li id="next" class="page-item">
                        <a class="page-link">下一页</a>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="col">
            <div id="pagination"></div>
        </div>
    </div>
</div>
</body>
<script src="./js/index.js"></script>
</html>
